<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>
    <link rel="stylesheet" href="./src/css/reset.min.css">
    <link rel="stylesheet" href="./src/plugin/layui/css/layui.css">
    <link rel="stylesheet" href="./src/css/common.min.css?v=0.0.1">
    <link rel="stylesheet" href="./src/css/header.min.css?v=0.0.1">
    <link rel="stylesheet" href="./src/css/footer.min.css?v=0.0.1">
    <link rel="stylesheet" href="./src/css/auth.min.css?v=0.0.1">
</head>

<body class="bg-img">
    <main class="main container">
        <div class="main-box d-flex bg-white m-b-30">
            <div class="main-box-left">
                <img class="main-box-left-img" src="./src/img/login_bg.jpg" alt="">
            </div>
            <div class="main-box-right bg-white">
                <div class="main-box-right-top">
                    <div class="main-box-right-top-title">
                        注册
                    </div>
                </div>
                <div class="main-box-right-center">
                    <div class="form-box">
                        <form class="layui-form" action="">
                            <div class="layui-form-item">
                                <label class="layui-form-label">手机号</label>
                                <div class="layui-input-block">
                                    <input type="text" name="account" lay-verify="title" autocomplete="off"
                                        placeholder="" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">短信验证码</label>
                                <div class="layui-input-block input-captcha">
                                    <input type="text" name="account" lay-verify="title" autocomplete="off"
                                           placeholder="" class="layui-input">
                                    <button class="layui-captcha layui-btn layui-btn-danger">获取短信验证码</button>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">验证码</label>
                                <div class="layui-input-block input-captcha">
                                    <input type="text" name="captcha" class="layui-input">
                                    <img src="http://admin.52zsj.com/captcha.html" class="layui-captcha"
                                        onclick="this.src='http://admin.52zsj.com/captcha.html?'+Math.random();">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">密码</label>
                                <div class="layui-input-block">
                                    <input type="text" name="account" lay-verify="title" autocomplete="off"
                                        placeholder="" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <div class="layui-form-flexbox d-flex">
                                    <div class="layui-form-flexbox-left d-flex">
                                        <input type="checkbox" name="" title="我已阅读并同意" lay-skin="primary">
                                        <a href="" class="text-warning user-agreement">《用户协议》</a>
                                    </div>
                                    <div class="layui-form-flexbox-right">
                                        <span>已有账号,<a href="" class="text-orange">去登陆</a></span>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <button class="layui-btn layui-btn-lg layui-btn-normal layui-btn-fluid"> 注册 </button>
                            </div>
                        </form>
                    </div>

                </div>
                <div class="main-box-right-bottom">

                </div>
            </div>
        </div>
        <div class="main-bottom">
            <span>傲杰笔记</span>
        </div>
    </main>
</body>

</html>
<script src="./src/js/jquery.min.js"></script>
<script src="./src/plugin/layui/layui.all.js"></script>
<script src="./src/js/common.js"></script>